<template>
	<span v-show="icon_type>0" class="icon" :class="classMap[icon_type]"></span>	
</template>

<script>
	export default {
	  props: {
	  	icon_type:{
	  		type: Number
	  	},
	  	icon_num:{
	  		type: Number
	  	}
	  },
	  data(){
	  	return{
	  		
	  	}
	  },
	  created(){
	  	this.classMap = ['decrease','discount','invoice','special','guarantee']
	  }
	}
</script>

<style lang="stylus">
	@import "../../common/stylus/mixin.styl"
	$num = 2
	$class = './assets/decrease_'+$num
	.icon{
		display: inline-block;
		vertical-align: top;
		width: 16px;
		height: 16px;
		background-size: contain;
		background-repeat:no-repeat ;
		&.decrease{
			bg-image($class)
		}
		&.discount{
			bg-image('./assets/discount_2')
		}
		&.invoice{
			bg-image('./assets/invoice_2')
		}
		&.special{
			bg-image('./assets/special_2')
		}
		&.guarantee{
			bg-image('./assets/guarantee_2')
		}
	}
</style>